<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页</title>
</head>

<body class="common-body"> 
    <div class="pof switch-box">
        <p id="passwordLogin" class="content">密码登录</p>
    </div>
    <div class="cont-mgs pof">
        <h2 class="title-h2">手机号登录/注册</h2>
        <p class="title-print">快速找到好友，一站式记录你的运动</p>
        <div class="information dpflex fdc">
            <input type="text" placeholder="请输入手机号码" id="regPhone" class="base-input">
            <div class="captcha dpflex">
                <input type="text" placeholder="请输入验证码" class="base-input captcha-inp" id="captchaInp">
                <canvas height="40" width="120"  id="captcha1"></canvas>
            </div>
            <input type="password" name="" id="regPwd" placeholder="请输入密码"  class="base-input">
            <input type="password" placeholder="请再次确认密码" id="regPwdRe"  class="base-input">
            <input type="submit" id="registerBtn" value="注册账号" class="base-input submit">
        </div>
        <p class="prompt-info por">
            <i class="iconfont icon-weixin poa"></i>
            <span class="wechat poa">微信登录</span></p>
    </div>
    <p class="bottom-text">- HOLD ON -</p>

     <!--  引入axios -->
     <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>

</html>